const path = require("path");
module.exports = {
  entry: "./src/main.js",
  output: {
    filename: "bundle.js",
    // 拼接
    path: path.resolve(__dirname, "./build"),
  },
  module: {
    rules: [
      {
        //告诉webpack匹配什么文件
        test: /\.css$/, //正则表达式
        // use: [
        //   //use中多个loader的使用顺序是从后往前
        //   { loader: "style-loader" },
        //   {
        //     loader: "css-loader",
        //   },
        // ],
        // 简写一: 如果loader只有一个
        // loader:"css-loader"
        //简写二:
        use: [
          "style-loader",
          "css-loader",
          "postcss-loader",
          // {
          //   loader: "postcss-loader",
          //   options: {
          //     postcssOptions: {
          //       plugins: ["autoprefixer"],
          //     },
          //   },
          // },
        ],
      },
      {
        test: /\.less$/,
        use: ["style-loader", "css-loader", "less-loader","postcss-loader",],
      },
    ],
  },
};
